<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本和字体</title>
    <style>
      div {
        width: 200px;
        height: 50px;
        border: 1px solid red;
        text-align: center; /*水平居中*/
        font-size: 20px; /*设置字体大小*/
        color: skyblue;/*设置字体颜色*/
        line-height: 50px; /*设置行高*/
        font-family: cursive; /*设置字体*/
        font-weight: bold; /*字体加粗*/
        font-style: italic;/*设置斜体字*/
        text-decoration: line-through;/*文本修饰*/
        text-shadow: red -15px -15px 3px;/*设置文本阴影 颜色 x轴偏移量 y轴偏移量 模糊度(正数 值越大越模糊)*/
      }
      h3 {
        font-weight: normal; /*取消加粗*/
        font-size: 30px;
        font-family: cursive;
      }
      a {
        text-decoration: none; /*去掉下划线*/
      }
    </style>
</head>
<body>
  <div>文本和字体相关</div>
  <h3>这是一个h3</h3>
  <a href="">这是一个超链接</a>
</body>
</html>